

/* ### >>>>>>> Roboto 300 */
@font-face {
  font-family: 'Roboto';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  
  src:         url('../../font/roboto-300.woff2') format('woff2')     /* Super Modern Browsers */,
               url('../../font/roboto-300.woff')  format('woff')      /* Modern Browsers */;
}


/* ### >>>>>>> Roboto 400 */
@font-face {
  font-family: 'Roboto';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src:         url('../../font/roboto-400.eot');                      /* IE9 Compat Modes */
  src:         url('../../font/roboto-400.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */,
               url('../../font/roboto-400.woff2') format('woff2')     /* Super Modern Browsers */,
               url('../../font/roboto-400.woff')  format('woff')      /* Modern Browsers */,
               url('../../font/roboto-400.svg')   format('svg');      /* Legacy iOS */,
               url('../../font/roboto-400.ttf')   format('truetype')  /* Safari, Android, iOS */;
}


/* ### >>>>>>> Roboto 500 */
@font-face {
  font-family: 'Roboto';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src:         url('../../font/roboto-500.eot');                      /* IE9 Compat Modes */
  src:         url('../../font/roboto-500.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */,
               url('../../font/roboto-500.woff2') format('woff2')     /* Super Modern Browsers */,
               url('../../font/roboto-500.woff')  format('woff')      /* Modern Browsers */,
               url('../../font/roboto-500.ttf')   format('truetype')  /* Safari, Android, iOS */;
}


/* ### >>>>>>> Roboto 700 */
@font-face {
  font-family: 'Roboto';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  
  src:         url('../../font/roboto-700.woff2') format('woff2')     /* Super Modern Browsers */,
               url('../../font/roboto-700.woff')  format('woff')      /* Modern Browsers */,
               url('../../font/roboto-700.ttf')   format('truetype')  /* Safari, Android, iOS */;
}
